<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" th:href="@{/static/assets/images/favicon.png}" type="image/png">
    <title>用户身份信息</title>
    <link th:href="@{/static/assets/css/icons.css}" rel="stylesheet">
    <link th:href="@{/static/assets/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/static/assets/css/style.css}" rel="stylesheet">
    <link th:href="@{/static/assets/css/responsive.css}" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->

</head>

<body class="sticky-header">


<!--Start left side Menu-->
<div th:include="left-side-menu"></div>
<!--End left side menu-->


<!-- main content start-->
<div class="main-content">

    <!-- header section start-->
    <div class="header-section" th:include="header"></div>
    <!-- header section end-->

    <!--body wrapper start-->
    <div class="wrapper">

        <!--Start Page Title-->
        <div class="page-title-box">
            <h4 class="page-title">Profile</h4>
            <ol class="breadcrumb">
                <li>
                    <a href="#">Dashboard</a>
                </li>
                <li>
                    <a href="#">Pages</a>
                </li>
                <li class="active">
                    Profile
                </li>
            </ol>
            <div class="clearfix"></div>
        </div>
        <!--End Page Title-->

        <!--Start row-->
        <div class="row">
            <div class="col-md-12">
                <!-- Start cover-->
                <div class="profile-cover">
                    <div class="overlay-profile"></div>
                    <div class="profile-inner">
                        <div class="profile-info">

                            <div class="profile-media">
                                <img th:src="${info.get('avatarUrl') == null? 'static/assets/images/profile-picture2.png' : info.get('avatarUrl')}" src="" alt=""/>
                            </div>

                            <div class="profile-intro">
                                <h4 th:text="${info.get('name')}"></h4>
                                <p th:text="${info.get('enName')}"></pth>
                                <ul>
                                    <li th:text="'openId:' + ${info.get('openId')}"><i class="fa fa-map-marker"></i></li>
                                    <li th:text="${info.get('email')}"><i class="fa fa-envelope-o"></i></li>
                                </ul>
                            </div>

                        </div> <!--/.profile-info-->

                        <div class="profile-stats">
                            <ul>
                                <li>
                                    <h4></h4>
                                    <p th:text="${info.get('mobile')}">Friends</p>
                                </li>
                            </ul>
                        </div>


                    </div>
                </div>
                <!-- End cover-->

            </div>
        </div>
        <!--End row-->


        <!--Start row-->
        <div class="row">
        </div>
        <!--End row-->


    </div>
    <!-- End Wrapper-->


    <!--Start  Footer -->
    <footer class="footer-main">Copyright &copy; 2018.Company name All rights reserved.<a target="_blank"
                                                                                          href="">飞享乐趣</a>
    </footer>
    <!--End footer -->

</div>
<!--End main content -->


<!--Begin core plugin -->
<script th:src="@{/static/assets/js/jquery.min.js}"></script>
<script th:src="@{/static/assets/js/bootstrap.min.js}"></script>
<script th:src="@{/static/assets/plugins/moment/moment.js}"></script>
<script th:src="@{/static/assets/js/jquery.slimscroll.js}"></script>
<script th:src="@{/static/assets/js/jquery.nicescroll.js}"></script>
<script th:src="@{/static/assets/js/functions.js}"></script>
<!-- End core plugin -->


</body>

</html>
